<template>
	<view class="my-team">
		<g-navbar title="我的团队" />
		<shareQRCode @openPotserSelector="openPotserSelector" />
		<!-- <teamList /> -->
		<selectPoster ref="selectPosterRef" :completePosterList="completePosterList" />
	</view>
</template>

<script lang="ts" setup>
	import shareQRCode from './components/share-qrcode/shareQRCode';
	import teamList from './components/team-list/teamList';
	import selectPoster from './components/selectPoster/selectPoster.vue';
	import { IPosterSelectorExpose } from './components/selectPoster/types';
	import { ref, Ref } from "vue";

	const selectPosterRef : Ref<IPosterSelectorExpose | null> = ref(null);

	const completePosterList : Ref<string[]> = ref([]);

	const openPotserSelector = ((e : string[]) => {
		completePosterList.value = e;
		selectPosterRef.value?.open();
	})
</script>

<style scoped lang="scss">
	@import "./myTeam.scss";
</style>